import Image from "next/image";
export default function BubbleTopBar() {
  return (
    <nav className="flex mx-auto w-[calc(100%-100px)] max-w-[1100px] min-w-0 min-h-[57px] items-center justify-between px-5 py-2.5 rounded-[10px] shadow-[0_4px_12px_0_rgba(26,26,26,0.1)] mt-[30px]">
      <Image
        src="/founderpal_logo.svg"
        alt="logo"
        width={123}
        height={24}
        // style={{ width: "10", height: "24px" }}
        className="ml-[10px]"
      />
      <div className="text-[rgba(26,26,26,0.5)] text-[14px] font-[inter] font-[500] hover:cursor-pointer">
        Log in
      </div>
    </nav>
  );
}
